*{font: normal 100% "微软雅黑";}
*{margin:0; padding:0;}
img{border:none; display: block;}	
a{text-decoration:none;}
ul{list-style-type:none;}
.clearfix{clear:both;}

 body{background-color:#f1f1f1;}
.main_box{width: 100%;}
.fixed_box{position:fixed;top: 0; background-color: #fff;}
.singer_r_r{ width: 120px;height: 55px;margin:50px auto 0px auto;}
.singer_r_img{display:block;width:114px;height:52px;background:url(../img/mobile_sing_week.gif) right 2px no-repeat;vertical-align:middle;float:right;*margin-bottom:-10px;}
.singer_r_img:hover{background-position:right -53px;text-decoration:none;}
.singer_r_img span{margin-left:14px;line-height:42px;font-size:16px;font-family:'Hiragino Sans GB','Microsoft YaHei',sans-serif !important;font-weight:700;color:#165379;}
.singer_r_img.current{background:url(../img/mobile_sing_sing.gif) no-repeat 0 2px;}
 .time{width:100%;text-align: center;margin: auto;font-family:'Hiragino Sans GB','Microsoft YaHei',sans-serif !important;font-weight:700;}
.address{display: block;width: 100%;height: 50px;border-bottom:1px solid #ccc;border-top:1px solid #ccc ;margin-top: 50px;}
.address_icon{width: 10%;height: 50px;float: left;text-align: center;}
.address_icon img{display: inline-block;height: 60%;vertical-align: middle;max-width:80%;}
.address_detail{width: 80%;height: 50px;float: left;line-height: 50px;color: #333;font-size: 1em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.address_more{width: 10%;height: 50px;float: left;text-align: center;}
.address_more img{display: inline-block; height: 60%;vertical-align: middle;max-width:80%;}
.sign_history{margin-top: 230px;background-color: #fff;width: 100%;}
.sign_history td{width: 50%;text-align: center;font-size:0.8em;color: #999;}
.sign_history th{height: 30px;}

.header_box{width: 100%;height: 50px;background-color: #18a1da;position: fixed;top: 0;left: 0;z-index: 9999;}
.header{width: 94%;height: 30px;margin: 10px auto 10px auto;}
.header_left{float: left;line-height: 50px;}
.header_right{float:right;line-height: 50px;}
.header a{color: #fff; font-size: 1.2em;}

.self_box{width: 96%;padding: 0 2%;background-color: #fff;margin-top:5px;}
.self_pic{width: 30%;float: left;margin:10px auto;}
.pic_box{width: 50px; height: 50px;overflow: hidden;margin: 0 auto;}
.pic_box img{width: 100%;}
.self_info{width: 60%;float: left;margin: 20px auto 10px auto;}
.self_info p{height:20px;line-height:20px;}
.light_color{color: #999;}
.small_font{font-size: 0.6em;}
.different_part{width: 100%;margin-top: 10px;}
.different_part li{float: left;width:49.5%;height:100px;background-color:#fff;}
.different_part li img{margin:10px auto;}
.different_part_tittle{width: 100%; text-align: center; font-size: 0.8em; color: #000;}
.different_part .left_li{margin: 0 1% 1% 0;}
.different_part .right_li{margin: 0 0 1% 0;}

.summary_list,.self_info_list{margin-top: 5px;}
.summary_list li{background-color:#fff;width: 90%;padding: 10px 2%;margin:5px auto;border-radius:5px; position: relative;}
.summary_name{width: 100%;font-size: 1em;text-align: left;margin: auto;height:30px;line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.zz{width: 100%;margin: auto;font-size:0.7em;height:20px; line-height: 20px;color: #999;}
.short_p{width: 100%;font-size:0.8em;height:20px; line-height: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #333;}
.diary_type{position:absolute;width: 50px;height: 30px;line-height:30px;color:#fff;top: -2px;right: -3px;text-align: center;}
.diary_weekly{background-color: #94dbf8;}
.diary_daily{background-color: #ffb7a9;}

.input_box{width: 100%;margin-top: 50px;}
.input_box li{width: 100%;background-color: #fff;}
.input_box .input_box_first_li{border-bottom: 1px solid #c3c3c3;}
.tittle_label{display: block; float: left;width:11%;height:50px;line-height:50px;text-align: center;padding: 0 2%;}
.tittle_input{border: none;text-align: right;width:81%;float: left;height:50px;line-height:50px;outline: none;padding: 0 2%;}
.radio_box{width: 70%;float: right;font-size: 0.8em;}
.radio_box_02{width: 70%;float: right;font-size: 0.8em;height: 30px;}
.content_text{width: 96%;padding:10px 2%;min-height: 200px;border: none;outline: none;resize:none}
/*单选按钮开始*/
.chk_3, {
    display: none;
}
.chk_3 + label {
	background-color: #fafbfa;
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	width: 40px;
	height: 13px;
}

.chk_3  + label:after {
	content: '';
	position: absolute;
	top: 10px;
	-webkit-transition: box-shadow 0.1s ease-in;
	transition: box-shadow 0.1s ease-in;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
}
.chk_3_01  + label:after {
	content: '';
	position: absolute;
	top:0;
	-webkit-transition: box-shadow 0.1s ease-in;
	transition: box-shadow 0.1s ease-in;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
}

.chk_3  + label:before {
	content: '';
	position: absolute;
	background: white;
	top: 10px;
	left: 1px;
	z-index: 999999;
	width: 31px;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	height: 31px;
	border-radius: 100px;
	box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
}
.chk_3_01  + label:before {
	content: ' ';
	position: absolute;
	background: white;
	top:0;
	left: 1px;
	z-index: 999999;
	width: 31px;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	height: 31px;
	border-radius: 100px;
	box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
}
.chk_3:active + label:after {
	box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
}

.chk_3:active + label:before {
	width: 37px;
}

.chk_3:checked:active + label:before {
	width: 37px;
	left: 20px;
}

.chk_3  + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.chk_3:checked + label:before {
	content: ' ';
	position: absolute;
	left: 26px;
	border-radius: 100px;
}

.chk_3:checked + label:after {
	content: ' ';
	font-size: 1.5em;
	position: absolute;
	background:#18a1da;
	box-shadow: 0 0 1px #4cda60;}

/*单选按钮结束*/

.self_info_list li{background-color: #fff;border-bottom: 1px solid #CCCCCC;padding: 5px 2%;}
.self_info_list li:hover{border: 1px solid dodgerblue;}
.self_info_list_label{float: left;width: 20%;line-height: 30px;height: 30px;}
.self_info_list_input{float: right; width: 76%;text-align: right;border:none;outline: none;height: 30px;}
.self_info_list_select{float: right; width: 50px;text-align: right;border:none;outline: none;height: 30px;}

.self_info_list_label_pic{position:absolute;top:10px;right: 10px; width:50px;height:50px;}

.select_pic{position: fixed; bottom: 0;width: 100%;border-top: 1px solid #ccc;}
.select_pic li{height: 40px;line-height: 40px;text-align: center;background-color: #fff;}


.exit{position: fixed; bottom: 0;width: 100%;border-top: 1px solid #ccc;height: 40px;line-height: 35px; background-color:#fff;color: red;font-weight: bold;text-align: center;}


/*登录*/
.logo_box{height: 80px; width: 80px;border-radius:10px;overflow: hidden;margin: 50px auto 30px auto;}
.logo_box img{height: 80px; width: 80px;}
.login_ul{width: 250px; margin: auto;}
.login_li{width: 250px; margin: auto; height: 50px;border-bottom: 1px solid #CCCCCC;}
.login_label{width: 30px;height:21px;float: left;line-height: 50px;border: none;text-align: center;font-size: 20px;color: #CCCCCC;padding-top: 13px;}
.login_input{width: 220px;height:50px; float: right;border: none;outline: none;}
.login_submit{width: 250px;text-align: center;height: 40px;font-size: 1.2em;border-radius: 5px;background-color: #18a1da;color: #fff;border: none;}
/* .wjmm{float: left;width: 80px;height: 50px;line-height: 50px;color:#18a1da; font-size:0.8em;}
.zc{float: right;width: 50px;height: 50px;line-height: 50px;text-align: right;color:#18a1da; font-size:0.8em;} */
.wjmm{line-height: 50px;color:#18a1da; font-size:0.8em;}
.zc{line-height: 50px;text-align: right;color:#18a1da; font-size:0.8em;}
.register_form{margin-top:55px ;}
/*注册*/
.phone_input{width: 120px;float: left;}
.yzm{float: right;width: 80px;height: 30px;background-color: #18a1da;margin-top: 10px;line-height: 30px;text-align: center;font-size: 0.8em;color: #fff;}

.question{font-size: 0.8em;}
.review_content{font-size: 0.8em;color:#333;margin-left: 10px;}
.review_person{font-size: 0.8em;color:#18a1da;}
.review_input{ width: 100%;margin-top:10px;font-size:0.8em;height: 20px;line-height: 20px;outline-color: #18a1da;border: 1px solid #CCCCCC;}
.review_input:focus{height: 30px;line-height: 30px;}

.long_p{font-size: 1em;color: #333;}
.new{width: 50px;height: 50px;color: red;font-weight: bold;font-size: 1em;position: absolute;top: 0;right: 0;}
.new_color{animation:newcolor 1s infinite;}
@keyframes newcolor
{
from {color: red;}
to {color: gold;}
}

/* 个人信息更多 */
.self_box .address_more{margin: 10px auto;}
.save{color: black;bottom: 40px;}
.add{width: 50px;height: 50px;position: fixed;bottom: 25px;right: 25px;z-index:9999 ; display: block;}
.add>img{width: 50px;height: 50px;}

.lead_teacher_left{float:left;width:40%;color: #999;font-size: 0.8em;line-height:40px;}
.lead_teacher_mid{float:left;width:40%;color: #999;font-size: 1em;line-height: 40px;text-align: right;}
.lead_teacher_right{float: right;width:15%;margin-right:5%;font-size: 1.4em;line-height: 40px;text-align: right;color: #4CDA60;}


/*index页面*/

.banner{width: 100%;max-height:400px;overflow: hidden; position:relative;border-bottom-radius:10%;}
.banner>img{width: 100%;}
.banner>h1{position: absolute;height:50px;line-height:40px;top:0; width: 100%; text-align: center;background:rgba(51,133,209,0.8); font-size:1em; color: #fff;border-bottom-left-radius: 50%; border-bottom-right-radius: 50%;}
.banner>p{position: absolute;height:30px;line-height:30px; bottom:0; width: 100%; text-align: center;background:rgba(51,133,209,0.6); font-size:1em; color: #fff;border-top-left-radius: 50%; border-top-right-radius: 50%;}
.about .header{width: 100%;background:#3385d1; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%;text-align: center;position: absolute;top: 0; margin: 0 auto; height: auto;}
.header>img{width:100px;display: inline;}
.four_part{width:90%; margin: auto; margin-top: 20px;}
.every_part{float: left;width: 40%; margin: 5%;}
.every_part>img{width: 50%;margin: auto;}
.every_part>p{width: 100%;text-align: center;line-height:3em;}


.help{height: 46px;}

.help{height: 36px;}
.jianjie{width: 90%;margin: auto;}
.jianjie>img{width: 100%;margin:20px auto;}
.jianjie>p{font-size: 1em;text-indent: 2em;line-height: 1.5em;margin-bottom: 10px;}

.teacher_self_info_list{margin-top:0px; border-top: 1px solid #999;}
.teacher_change_request_list>li{position:relative;}
.djsh{position:absolute; right: 10px; top:20px; color: #000;font-size:1em;}

.footer{background:#f8f8f8;width:100%;height:36px;line-height:36px;text-align: center;position: fixed;bottom: 0;font-size: 0.85em;}

